
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>V认证</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="css/style.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/jquery.min.js"></script>
    </head>
    <body>
        <section class="aui-flexView">
            <header class="aui-navBar aui-navBar-fixed" style="display:none">
                <a href="javascript:;" class="aui-navBar-item">
                    <i class="icon icon-return"></i>
                </a>
                <div class="aui-center">
                    <span class="aui-center-title">大V认证</span>
                </div>
                <a href="javascript:;" class="aui-navBar-item">
                    <i class="icon icon-class"></i>
                </a>
            </header>
            <section class="aui-scrollView">
                <div class="aui-banner">
                    <img src="images/banner.png" alt="">
                    <div class="aui-banner-text">
                        <h1></h1>
                        <h2></h2>
                        <h3></h3>
                    </div>
                </div>
                <div class="aui-flex" style="padding-top:8px; padding-bottom:8px;">
                    <div class="aui-tag">
                        <img src="images/tag.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>请填写你的真实信息,通过后将不能修改</p>
                    </div>
                </div>
                <div class="aui-name-form">
                    <form action="">
                        <div class="aui-flex aui-flex-color b-line">
                            <div class="aui-flex-box">
                                <input type="text" placeholder="真实姓名" id='t1' onkeyup="myText()" >
                            </div>
                        </div>
                        <div class="aui-flex aui-flex-color  b-line">
                            <div class="aui-flex-box">
                                <input type="text" placeholder="认证头衔" id='t2' onkeyup="myText()">
                            </div>
                            <!--
                            <div class="aui-name-select">
                                <select>
                                    <option>切换类型</option>
                                    <option>身份证</option>
                                    <option>护照</option>
                                    <option>海外</option>
                                </select>
                            </div>-->
                        </div>
                        <div class="aui-flex aui-flex-color b-line">
                            <div class="aui-flex-box">
                                <input type="text" placeholder="申请理由" id='t1' onkeyup="myText()" >
                            </div>
                        </div>                        
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <button  type="button" id='btn' disabled="disabled" value="submit">提交</button>
                            </div>
                        </div>
                        <div class="aui-flex" style="padding-top:0">
                            <div class="aui-flex-box">
                                <p>以上信息仅用于V认证</p>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="aui-name-list">
                    <div class="aui-name-title">
                        <h2>V认证优势</h2>
                    </div>
                    <div class="aui-palace">
                        <a href="javascript:;" class="aui-palace-grid">
                            <div class="aui-palace-grid-icon">
                                <img src="images/icon-itme-001.png" alt="">
                            </div>
                            <div class="aui-palace-grid-text">
                                <h2>专属V标识</h2>
                            </div>
                        </a>
                        <a href="javascript:;" class="aui-palace-grid">
                            <div class="aui-palace-grid-icon">
                                <img src="images/icon-itme-002.png" alt="">
                            </div>
                            <div class="aui-palace-grid-text">
                                <h2>定期参官方活动</h2>
                            </div>
                        </a>
                        <a href="javascript:;" class="aui-palace-grid">
                            <div class="aui-palace-grid-icon">
                                <img src="images/icon-itme-003.png" alt="">
                            </div>
                            <div class="aui-palace-grid-text">
                                <h2>专属客户服务</h2>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
        </section>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#t1').on('keyup', function(){
                    var v=$('#t1').val();

                    if(!v){
                        $('#btn').attr('disabled', true)
                    }
                    else{
                        $('#btn').attr('disabled', false)
                    }
                });

                $('#t2').on('keyup', function(){
                    var v=$('#t2').val();

                    if(!v){
                        $('#btn').attr('disabled', true)
                    }
                    else{
                        $('#btn').attr('disabled', false)
                    }
                });

            });

        </script>

    </body>
</html>
